.c-checklist

  //- Grab introduction based on the name of the section
  if introductions[0][sectionTitle.toLowerCase()]

    each el in introductions[0][sectionTitle.toLowerCase()]

      p.c-checklist__intro= el

  //- List of all items elements based on the dataSection variable
  ul.c-checklist__list

    each item, i in dataSection

      include ../components/checklist/class

      //- data-item-check (false or true) => Element is checked or not
      //- data-item-priority (high, medium or low) => The priority of the task
      //- data-item-id (number) => the ID of the elements based on dataSection array
      //- data-item-dropdown (open close or false) => State of the dropdown
      //- data-item-visible (true or false) => Visibility of the item used by the tag filter
      li.c-checklist__item.js-item(class=` ${allClass}`, data-item-priority=priorityClass , data-item-id=i, data-item-check="false", data-item-dropdown=dataItemDropdown, data-item-visible="true" aria-hidden="false")

        .c-checklist__item__inner

          .c-checklist__body

            //- Columns of the item

            //- Priority column
            include ../components/checklist/priority

            //- Checkbox column
            include ../components/checklist/checkbox

            //- Label column
            include ../components/checklist/label

            //- Dropdown column
            include ../components/checklist/dropdown

        if item.subitems
          .c-checklist__subitems

            section.c-checklist__body
              ul.subitems__list
                each subitem, j in item.subitems
                   li.c-checklist__column.c-checklist__subitem.js-sub-section(data-subitem-check="false", data-section=item.title.toLowerCase(), data-subsection-id=`${i}`, data-sub-id=`item-${i}-sub-${j}`)
                    input(type="checkbox" data-type='subitem' name=`c-checklist__item-${i}-subitem-${j}` id=`c-checklist__item-${i}-subitem-${j}`)
                    +svg-icon.icon.icon-checkbox(data-icon-name='check')
                    +svg-icon.icon.icon-checked(data-icon-name='check')

                    span.label__title #{subitem.title}
                      span.description #{subitem.description}

        .c-tags
          ul.c-tags__list
            each tag in item.tags
              if tag === 'all'
              else
                li.c-tags__item= tag.toUpperCase()
